<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>同得兴</title>
    <link rel="stylesheet" href="plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="css/yyk/Store-info.css">


</head>

<body>
    <div class="container">
        <div class="inner">
            <div class="row col-md-6" style="padding-left: 0px;">
                <ul>
                    <li><a href="">
                            <span>亚洲</span>
                        </a>
                        &nbsp;
                        <span class="glyphicon glyphicon-chevron-right">

                        </span>
                        &nbsp;
                    </li>
                    <li><a href="">
                            <span>中国</span>
                        </a>
                        &nbsp;
                        <span class="glyphicon glyphicon-chevron-right">

                        </span>
                        &nbsp;
                    </li>
                    <li><a href="">
                            <span>江苏省</span>
                        </a>
                        &nbsp;
                        <span class="glyphicon glyphicon-chevron-right">

                        </span>
                        &nbsp;
                    </li>
                    <li><a href="">
                            <span>苏州市</span>
                        </a>
                        &nbsp;
                        <span class="glyphicon glyphicon-chevron-right">

                        </span>
                        &nbsp;
                    </li>
                    <li><a href="">
                            <span>同得兴</span>
                        </a>
                        &nbsp;
                    </li>
                </ul>
            </div>

        </div>
        <div class="store-info">
            <div class="row info-name">
                <div class="row">
                    <h1>同得兴</h1>
                    <!-- <div>
                        <a href=""  style="float: left;">
                            <span>未认领</span>
                        </a>
                    </div> -->
                </div>
                <div class="row col-md-12"
                    style="height: 19.2px;float: left;cursor: pointer;padding-left: 0px;margin-top: 4px;">
                    <a href="" style="float: left;">
                        <span>
                            <img src="imgs/yyk/haoping.png" alt="" style="width: 80px;height: 17px;">
                        </span>
                        <span style="font-size: 14px;color: #4a4a4a;margin-left: 5px;">
                            100条点评
                        </span>
                    </a>
                    <span style="cursor: pointer;padding-left: 20px;color: #4a4a4a38;float: left;">|
                        <a href="" style="margin-left: 20px;color: #4a4a4a">
                            苏州市排名第11的餐厅(共815个)
                        </a>
                    </span>
                    <div class="cft" style="float: left;">
                        <span style="padding-left: 20px;color: #4a4a4a38;margin-right: 20px;">|</span>
                        <a href="">￥</a>
                        <a href="">中餐</a>
                        <a href="">亚洲料理</a>
                        <a href="">汤</a>
                    </div>
                </div>
            </div>
            <div class="row info-location">
                <div class="location-left col-md-6">
                    <img src="imgs/yyk/定位.png" alt="">
                    <span class="show-map">
                        江苏省 苏州市 十全街624号
                    </span>

                    <span style="margin-left: 5px;color: #4a4a4a38;margin-right: 5px;">|</span>
                    <img src="imgs/yyk/时间.png" alt="">
                    <span>
                        正在休息
                    </span>
                </div>
                <div class="location-right">
                    <span style="margin-right: 10px;"><img src="imgs/yyk/举报.png" alt="">举报</span>
                    <span><img src="imgs/yyk/爱心.png" alt="">保存</span>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid navbox" style="padding: 0;">
        <div class="nav">
            <div class="nav-title"><span>照片</span></div>
            <div class="nav-title"><span>概况</span></div>
            <div class="nav-title"><span>点评</span></div>
        </div>
    </div>

    <div class="container">

        <div class="row info-photo">
            <div style="width:476px;">
                <img class="img1 pic" src="imgs/yyk/photo0jpg.jpg" alt="">
            </div>
            <div style="width: 239px;margin-left: 1px;">
                <img class="img2 pic" src="imgs/yyk/caption.jpg" alt="">
            </div>
            <div style="display: flex;">
                <div style="width: 240px;margin-left: 1px;">
                    <img class="pic" src="imgs/yyk/photo0jpg (1).jpg" alt=""
                        style="width: 100%;height: 162px;object-fit: cover;margin-bottom: 2px;">
                    <img class="pic" src="imgs/yyk/caption (1).jpg" alt=""
                        style="width: 100%;height: 162px;object-fit: cover;">

                </div>
                <div style="width: 240px;margin-left: 1px;">
                    <img class="pic" src="imgs/yyk/photo2jpg.jpg" alt=""
                        style="width: 100%;height: 162px;object-fit: cover;margin-bottom: 2px;">
                    <img class="pic" src="imgs/yyk/photo0jpg (2).jpg" alt=""
                        style="width: 100%;height: 162px;object-fit: cover;">
                </div>
            </div>
        </div>
        <div id="outerdiv"
            style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
            <div id="innerdiv" style="position:absolute;">
                <img id="bigimg" style="border:5px solid #fff;" src="" />
            </div>
        </div>
    </div>
    </div>
    <div class="container-fluid delineation">
        <div class="container">
            <div class=" details">
                <div class="wrapper">
                    <div class="wrapper-top">
                        <h2>评分和点评</h2>
                        <div class="scores">
                            <span class="score">
                                4.0 &nbsp;
                            </span>
                            <span>
                                <img src="imgs/yyk/haoping.png" alt="">
                            </span>
                            <a class="review" href="">100条点评</a>
                        </div>
                        <div><span>苏州市排名第 11 的餐厅（共 815 个）</span></div>
                    </div>
                    <div class="wrapper-bottom">
                        <div class="bottom-top"><span>评分</span></div>
                        <div class="bottom-bottom">
                            <div class="score-info">
                                <span><img class="bottom-icon" src="imgs/yyk/刀叉.png" alt=""></span>
                                <span>食物</span>
                                <span style="float: right;"><img class="bottom-comment" src="imgs/yyk/haoping.png"
                                        alt=""></span>
                            </div>
                            <div class="score-info">
                                <span><img class="bottom-icon" src="imgs/yyk/树叶.png" alt=""></span>
                                <span>环境</span>
                                <span style="float: right;"><img class="bottom-comment" src="imgs/yyk/haoping.png"
                                        alt=""></span>
                            </div>
                            <div class="score-info">
                                <span><img class="bottom-icon" src="imgs/yyk/早餐.png" alt=""></span>
                                <span>服务</span>
                                <span style="float: right;"><img class="bottom-comment" src="imgs/yyk/haoping.png"
                                        alt=""></span>
                            </div>
                            <div class="score-info">
                                <span><img class="bottom-icon" src="imgs/yyk/钱包.png" alt=""></span>
                                <span>食物</span>
                                <span style="float: right;"><img class="bottom-comment" src="imgs/yyk/haoping.png"
                                        alt=""></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="wrapper">
                    <div>
                        <h2>详情</h2>
                        <div>
                            <span class="d-infoone">美食</span>
                            <div class="d-infotwo">
                                <span>中餐,亚洲料理,汤</span>
                            </div>
                        </div>
                        <div>
                            <span class="d-infoone">餐食</span>
                            <div class="d-infotwo">
                                <span>早餐,午餐,早午餐</span>
                            </div>
                        </div>
                        <div class="info-bottom">
                            <a href="">查看所有详情</a>
                            <div>
                                <span class="d-infoone one-font">餐食,功能</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="wrapper">
                    <div class="wrapper-top">
                        <h2>联系方式</h2>
                        <div class="wrapper-map" id="wrapper-map"></div>
                        <div class="map-location">
                            <img src="imgs/yyk/定位.png" alt="">
                            <span>
                                江苏省 苏州市 十全街624号
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 优惠团购 -->
            <div class="row meun">
                <div class="row related">
                    <div class="top-left">
                        <a href="">优惠团购</a>
                    </div>
                    <div class="top-right">
                        <a href="">查看所有</a>
                    </div>
                </div>
                <div class="group">
                    <div class="item">
                        <p class="title">和牛畅吃套餐</p>
                        <img class="pic1" src="imgs/yyk/group01.jpg" alt="">
                        <span class="price">
                            <em>￥</em>216.00
                        </span>
                        <del class="del-price">￥249.00</del>
                        <i class="tag tag-tuan"> 团</i>
                        <span class="sold-count">已售16659</span>
                    </div>
                    <div class="item">
                        <p class="title">和牛畅吃套餐</p>
                        <img class="pic1" src="imgs/yyk/group01.jpg" alt="">
                        <span class="price">
                            <em>￥</em>216.00
                        </span>
                        <del class="del-price">￥249.00</del>
                        <i class="tag tag-tuan"> 团</i>
                        <span class="sold-count">已售16659</span>
                    </div>
                </div> 
            </div>

            <!-- 菜品展示 -->
            <div class="row meun">
                <div class="row related">
                    <div class="top-left">
                        <a href="">热门菜品</a>
                    </div>
                    <div class="top-right">
                        <a href="">查看所有</a>
                    </div>
                </div>
                <div class="row related-info">
                    <div class="fouritem">
                        <a href="">
                            <img src="imgs/yyk/related01.jpg" alt="">
                        </a>
                        <div class="fouritem-bottom">
                            <div class="rname"><a href="">海岛餐厅</a></div>
                            <div class="item-score">
                                <span>评分</span>
                                <span>多少条点评</span>
                            </div>
                            <div class="item-price">
                                <span>￥，餐厅</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row related-info">
                    <div class="fouritem">
                        <a href="">
                            <img src="imgs/yyk/related01.jpg" alt="">
                        </a>
                        <div class="fouritem-bottom">
                            <div class="rname"><a href="">海岛餐厅</a></div>
                            <div class="item-score">
                                <span>评分</span>
                                <span>多少条点评</span>
                            </div>
                            <div class="item-price">
                                <span>￥，餐厅</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row related-info">
                    <div class="fouritem">
                        <a href="">
                            <img src="imgs/yyk/related01.jpg" alt="">
                        </a>
                        <div class="fouritem-bottom">
                            <div class="rname"><a href="">海岛餐厅</a></div>
                            <div class="item-score">
                                <span>评分</span>
                                <span>多少条点评</span>
                            </div>
                            <div class="item-price">
                                <span>￥，餐厅</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row related-info">
                    <div class="fouritem">
                        <a href="">
                            <img src="imgs/yyk/related01.jpg" alt="">
                        </a>
                        <div class="fouritem-bottom">
                            <div class="rname"><a href="">海岛餐厅</a></div>
                            <div class="item-score">
                                <span>评分</span>
                                <span>多少条点评</span>
                            </div>
                            <div class="item-price">
                                <span>￥，餐厅</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 评论 -->
            <div class="comment-left">
                <div class="row comment">
                    <div class="comment-title">
                        <div class="title-info">
                            <div><span><img name="comment" src="imgs/yyk/评论1.png" alt=""></span></div>
                            <div><span>100</span></div>
                            <div><span>条点评</span></div>
                        </div>
                    </div>
                    <div class="comment-info">
                        <div class="coment-top">
                            <a href=""><img src="imgs/yyk/Headportrait.png" alt=""></a>
                            <div class="customer-name">
                                <span>
                                    <a href="">
                                        Tripadvisor用户
                                    </a>
                                    &nbsp;写了一条评价
                                    2020-11-02
                                </span>
                            </div>
                        </div>
                        <div class="customer-comment">
                            <div>
                                <img src="imgs/yyk/haoping.png" alt="">
                            </div>
                            <div>
                                <div class="row">
                                    <a href=""><span>一流的苏式面馆</span></a>
                                </div>
                                <div class="row boxp box">
                                    <q>
                                        <span>
                                            苏州最好的面馆之一，仅仅营业到下午一点，晚点去就关门了。
                                            面馆生意很好，一楼基本挤满人，二楼比较清净，但是价格贵一点，而且每人需要点一杯茶。
                                            skaskaks
                                            salkalskkajs刷卡萨克斯卡萨深咖色卡扣式卡卡萨斯喀课时卡卡萨卡萨深咖色晶澳科技上课啦就算了卡机萨拉斯
                                        </span>
                                    </q>
                                </div>
                                <div class="row info-more">
                                    <span class="more-text">阅读更多</span>
                                    <span class="glyphicon glyphicon-chevron-down"></span>
                                </div>
                                <div class="row more-detail">
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                </div>
                                <div class="row more-details">
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="praise">
                            <div class="row">
                                <div style="float: left;">
                                    <a href="">
                                        <span>
                                            回复
                                        </span>
                                    </a>
                                </div>
                                <div style="float: right;">
                                    <span>
                                        <span>
                                            <img src="imgs/yyk/爱心.png" alt="">
                                        </span>

                                        <a href="">
                                            <span>
                                                点赞&nbsp;
                                            </span>
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="comment-info">
                        <div class="coment-top">
                            <a href=""><img src="imgs/yyk/Headportrait.png" alt=""></a>
                            <div class="customer-name">
                                <span>
                                    <a href="">
                                        Tripadvisor用户
                                    </a>
                                    &nbsp;写了一条评价
                                    2020-11-02
                                </span>
                            </div>
                        </div>
                        <div class="customer-comment">
                            <div>
                                <img src="imgs/yyk/haoping.png" alt="">
                            </div>
                            <div>
                                <div class="row">
                                    <a href=""><span>一流的苏式面馆</span></a>
                                </div>
                                <div class="row boxp box">
                                    <q>
                                        <span>
                                            苏州最好的面馆之一，仅仅营业到下午一点，晚点去就关门了。
                                            面馆生意很好，一楼基本挤满人，二楼比较清净，但是价格贵一点，而且每人需要点一杯茶。
                                            skaskaks
                                            salkalskkajs刷卡萨克斯卡萨深咖色卡扣式卡卡萨斯喀课时卡卡萨卡萨深咖色晶澳科技上课啦就算了卡机萨拉斯
                                        </span>
                                    </q>
                                </div>
                                <div class="row info-more">
                                    <span class="more-text">阅读更多</span>
                                    <span class="glyphicon glyphicon-chevron-down"></span>
                                </div>
                                <div class="row more-detail">
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                </div>
                                <div class="row more-details">
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="praise">
                            <div class="row">
                                <div style="float: left;">
                                    <a href="">
                                        <span>
                                            回复
                                        </span>
                                    </a>
                                </div>
                                <div style="float: right;">
                                    <span>
                                        <span>
                                            <img src="imgs/yyk/爱心.png" alt="">
                                        </span>

                                        <a href="">
                                            <span>
                                                点赞&nbsp;
                                            </span>
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="comment-info">
                        <div class="coment-top">
                            <a href=""><img src="imgs/yyk/Headportrait.png" alt=""></a>
                            <div class="customer-name">
                                <span>
                                    <a href="">
                                        Tripadvisor用户
                                    </a>
                                    &nbsp;写了一条评价
                                    2020-11-02
                                </span>
                            </div>
                        </div>
                        <div class="customer-comment">
                            <div>
                                <img src="imgs/yyk/haoping.png" alt="">
                            </div>
                            <div>
                                <div class="row">
                                    <a href=""><span>一流的苏式面馆</span></a>
                                </div>
                                <div class="row boxp box">
                                    <q>
                                        <span>
                                            苏州最好的面馆之一，仅仅营业到下午一点，晚点去就关门了。
                                            面馆生意很好，一楼基本挤满人，二楼比较清净，但是价格贵一点，而且每人需要点一杯茶。
                                            skaskaks
                                            salkalskkajs刷卡萨克斯卡萨深咖色卡扣式卡卡萨斯喀课时卡卡萨卡萨深咖色晶澳科技上课啦就算了卡机萨拉斯
                                        </span>
                                    </q>
                                </div>
                                <div class="row info-more">
                                    <span class="more-text">阅读更多</span>
                                    <span class="glyphicon glyphicon-chevron-down"></span>
                                </div>
                                <div class="row more-detail">
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                </div>
                                <div class="row more-details">
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                    <div class="row">
                                        <span class="more-font">用餐日期:</span>
                                        <span class="more-date">2019年04月</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="praise">
                            <div class="row">
                                <div style="float: left;">
                                    <a href="">
                                        <span>
                                            回复
                                        </span>
                                    </a>
                                </div>
                                <div style="float: right;">
                                    <span>
                                        <span>
                                            <img src="imgs/yyk/爱心.png" alt="">
                                        </span>

                                        <a href="">
                                            <span>
                                                点赞&nbsp;
                                            </span>
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="comment-right">
                <div class="Related-food">
                    <div class="row related">
                        <div class="top-left">
                            <a href="">相关推荐</a>
                        </div>
                    </div>
                    <div class="row related-info">
                        <div class="fouritem">
                            <a href="">
                                <img src="imgs/yyk/related01.jpg" alt="">
                            </a>
                            <div class="fouritem-bottom">
                                <div class="rname"><a href="">海岛餐厅</a></div>
                                <div class="item-score">
                                    <span>评分</span>
                                    <span>多少条点评</span>
                                </div>
                                <div class="item-price">
                                    <span>￥，餐厅</span>
                                </div>
                            </div>
                        </div>
                        <div class="fouritem">
                            <a href="">
                                <img src="imgs/yyk/related01.jpg" alt="">
                            </a>
                            <div class="fouritem-bottom">
                                <div class="rname"><a href="">海岛餐厅</a></div>
                                <div class="item-score">
                                    <span>评分</span>
                                    <span>多少条点评</span>
                                </div>
                                <div class="item-price">
                                    <span>￥，餐厅</span>
                                </div>
                            </div>
                        </div>
                        <div class="fouritem">
                            <a href="">
                                <img src="imgs/yyk/related01.jpg" alt="">
                            </a>
                            <div class="fouritem-bottom">
                                <div class="rname"><a href="">海岛餐厅</a></div>
                                <div class="item-score">
                                    <span>评分</span>
                                    <span>多少条点评</span>
                                </div>
                                <div class="item-price">
                                    <span>￥，餐厅</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- 分页 -->
            <div class="pages">
                <ul class="page-info">
                    <li class="previous-page ui-button">
                        <a role="button" aria-disabled="true" aria-label="Previous page">上一页</a>
                    </li>
                    <li class="pageNum" style="margin-left: 130px;">
                        <a role="button" class="pageNum" tabindex="0" aria-label="Page 1">1</a>
                    </li>
                    <li class="pageNum">
                        <a role="button" class="pageNum" tabindex="0" aria-label="Page 2">2</a>
                    </li>
                    <li class="pageNum">
                        <a role="button" class="pageNum" tabindex="0" aria-label="Page 3">3</a>
                    </li>
                    <li class="pageNum">
                        <a role="button" class="pageNum" tabindex="0" aria-label="Page 4">4</a>
                    </li>
                    <li class="pageNum">
                        <a role="button" class="pageNum" tabindex="0" aria-label="Page 5">5</a>
                    </li>
                    <li class="pageNum">
                        <a role="button" class="pageNum" tabindex="0" aria-label="Page 6">6</a>
                    </li>
                    <li class="separator">
                        <a role="button" class="pageNum" tabindex="0">...</a>
                    </li>
                    <li class="pageNum">
                        <a role="button" class="pageNum" tabindex="0" aria-label="Page 8">8</a>
                    </li>

                    <li class="previous-page ui-button" style="float: right;">
                        <a role="button" aria-disabled="true" aria-label="Previous page">下一页</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <!--三、引入高德地图的js-->
    <script src="https://webapi.amap.com/maps?v=1.4.13&key=221c6900cf865cccbcf2a25c228e4f26"></script>
    <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>




    <!-- 引入jquery框架 -->
    <script src="plugins/jquery.min.js"></script>

    <script src="js/yyk/storeinfo.js"></script>

    <!-- 引入bootstrap.js/bootstrap.min.js,bootstrap依赖于jquery框架 -->
    <script src="plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
</body>

</html>